<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" href="../css/mui.min.css" />
		<link rel="stylesheet" href="../css/iconfont.css" />
		<link rel="stylesheet" href="../css/home-list-cir.css" />
	</head>

	<body>

		<header class="mui-bar mui-bar-nav">
			<a class="mui-left mui-action-back mui-btn mui-btn-link mui-btn-nav mui-pull-left">
				<span class="mui-icon mui-icon-left-nav"></span>
			</a>
			<h1 class="mui-title">工作圈</h1>
			<span id="btnRelease" class="mui-pull-right mui-icon iconfont icon-xiangji"></span>
		</header>
		<div class="mui-content">
			<div class="mui-card-header mui-card-media" id="my-intro" style="background-image:url(../images/submy_bg.jpeg); background-size: cover;">
				<!--工作圈个人头像-->
				<div class="mui-media" id="my-intro-img">
					<img class="mui-media-object" src="../images/1.jpeg">
					<div class="mui-media-body" style="color: #4b5dbb;">幸福就是睡觉</div>
				</div>
			</div>
			<!--工作圈动态-->
			<ul class="mui-table-view" id="workcirle-content">
				<li class="mui-table-view-cell mui-media">
					<img class="mui-media-object mui-pull-left" src="../images/1.jpeg">
					<div class="mui-media-body">
						<span>幸福就是睡觉</span>
						<div class="mui-ellipsis" style="margin: 10px 0;">今天周六了，明天可以睡懒觉</div>
						<!--工作圈动态:图片区域-->
						<div class="mui-ellipsis work-images" v-if="item.files.length != 0 ">
							<div class="image-layer" style="display:inline;">
								<p v-for="file in item.files" style="width: 80px; height: 80px; margin: 3px;  text-align: center; border: 1px solid #eee; vertical-align: middle; overflow: hidden; display: inline-block;">
									<img src="../images/2.jpeg" data-preview-src="" data-preview-group="1" />
								</p>
							</div>
						</div>
						<!--工作圈动态:发布时间、点赞操作-->
						<div class="work-ellipsis">
							2018年8月3日16:07:02
							<span v-show="item.user.userId == loginid">删除</span>
							<img class="work-tips" src="../images/work-tips.png">
							<div class="work-tips-handle">
								<a href="javascript:;"><span class="mui-icon-extra mui-icon-extra-heart"></span> 取消</a>|
								<a href="javascript:;"><span class="mui-icon mui-icon-compose"></span> 评论</a>
							</div>
						</div>
						<!--工作圈动态:点赞展示操作-->
						<div class="mui-replay relay-likes">
							<span class="mui-icon-extra mui-icon-extra-heart"></span> &nbsp;
							<div class="replay-likes-lay" style="display: inline-block;">
								<label v-for="member in item.praises">幸福是可以一起睡觉</label>
							</div>
						</div>
						<!--工作圈动态:回复内容-->
						<div class="mui-replay relay-comment">
							<ul>
								<li class="replayM">
									<span>李四</span>：难道被辞退的节奏<br />
								</li>
								<li class="replayS">
									<span>幸福是可以一起睡觉</span>回复<span>李四</span>：难道被辞退的节奏
								</li>
							</ul>
						</div>
					</div>
				</li>
			</ul>

		</div>
	</body>

</html>
<script type="text/javascript" src="../js/mui.min.js"></script>
<script type="text/javascript" src="../js/mui.zoom.js"></script>
<script type="text/javascript" src="../js/mui.previewimage.js"></script>
<script type="text/javascript">
	mui.init();
	mui.previewImage();

	mui.plusReady(function() {

		viewspages = plus.webview.all();

		//	工作圈发布
		mui('body').on('tap', '#btnRelease', function() {
			mui.openWindow({
				url: 'home-list-cir-rel.html',
				id: 'home-list-cir-rel',
				createNew: false,
				show: {
					autoShow: true,
					aniShow: 'slide-in-right',
					duration: 300
				},
				waiting: {
					autoShow: true,
					title: '正在加载...'
				}
			})
		});
	});
</script>